<template>
  <el-row>
    <Title :saying="saying">
      <h1 slot="title">{{ msg }}</h1>
    </Title>
    <Information>
        <el-row>
          <el-tabs v-model='mrtitle'  @tab-click="handleClick">
              <el-tab-pane v-for="(item, index) in title" :key="index" :label="item.name" :name="item.topath"></el-tab-pane>
          </el-tabs>
        </el-row>
        <el-row>
          <router-view />
        </el-row>
    </Information>
  </el-row>
</template>
<script>
import Information from "./Information.vue";
import Title from "./Title.vue";
export default {
  name: "UpdateInfo",
  data() {
    return {
      msg: "修改简历",
      saying: "纸上得来终觉浅，深知此事要躬行。",
      title: [
        { name: "简介", topath: "/updateInfo/uaboutme"  },
        { name: "学历", topath: "/updateInfo/ueducation"  },
        { name: "经验", topath: "/updateInfo/uwork"  },
        { name: "技能", topath: "/updateInfo/uskill"  },
      ],
      mrtitle:"/updateInfo/uaboutme"
    };
  },
  components: { Title, Information },
  methods:{
    handleClick(tab,event){
       this.$router.push({path:tab.name});
    }
  },
};
</script>
<style scoped>
 .el-tab-pane{
   font-size: 14px;
 }
</style>